<template>
    <div class="panel">
        <div class="title">
            {{ title }}
        </div>
        <div class="content">
            <slot />
        </div>
    </div>
</template>
<script>

    export default {
        props:{
            title:String
        },      
        data(){
            return {

            }
        },
       
    }


</script>
  
<style lang="less"  scoped>
.panel {
    width: 100%;
    box-sizing: border-box;
}

.title {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    background: url('@/assets/title.png') no-repeat;
    background-position: left center;
    background-size: 516px;

    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 40px;
    color: rgba(98, 190, 255, 1);
    text-indent: 70px;
    box-sizing: border-box;
}
.content{
    width: 100%;
    // height: 100px;
    background: url('@/assets/border1.png');
    background-size: 100% 100%;
    padding: 15px;
    box-sizing: border-box;
   
 
}
</style>
  